<template>
  <div class="son1">
      <h3>我是son1.vue</h3>
      <p>{{ list }}</p>
      <button @click="send">我准备给son2传值 -- 相当于公众号发消息</button>
  </div>
</template>

<script>
// import bus from '../eventBus/index.js'
// import bus from '@/eventBus' 

export default {

    data() {
        return {
            list: [10,20,30],
        };
    },

    methods: {

        sayHi () {
            console.log('son1说你好')
        },

        send () {


            // 导入的对象不要加this
            // 如果是访问data中的数据加this
            // 参数1： 自定义的事件名  参数2：要传递的数据
            this.$bus.$emit('son1Send', this.list)
        }
    }
}
</script>

<style>
    .son1 {
        width: 350px;
        height: 230px;
        border: 1px solid #000;
    }
</style>